<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
<link rel="stylesheet" type="text/css" href="<%=basePath%>jslib/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>jslib/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>jslib/easyui/demo/demo.css">
<script type="text/javascript" src="<%=basePath%>jslib//easyui/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath%>jslib/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath%>jslib/easyui/locale/easyui-lang-zh_CN.js"></script>

<title>jQuery EasyUI Demo(1.5.3)</title>
<link rel="shortcut icon" href="<%=basePath%>favicon.ico" />
<script type="text/javascript">
	
	
	$(function(){
		// 数据
		var treeData=[{
			text:"EasyUI",
			children:[{
				text:"基本组件",
				state : "closed",
				children:[{
					text:"EasyLoader组件",
					state : "closed",
					children:[{
						text:"基本EasyLoader组件",
						attributes:{
						url:"基本组件/EasyLoader组件/基本EasyLoader组件.jsp"
						}},{
						text:"基本EasyLoader组件temp0",
						attributes:{
						url:"temp0.jsp"
						}}]
					},{
					text:"拖拽组件",
					state : "closed", 
					children:[{
						text:"基本拖拽组件",
						attributes:{
						url:"基本组件/拖拽组件/基本拖拽组件.jsp"
						}},{
						text:"拖拽限制",
						attributes:{
						url:"基本组件/拖拽组件/拖拽限制.jsp"
						}},{
						text:"对齐拖拽",
						attributes:{
						url:"基本组件/拖拽组件/对齐拖拽.jsp"
						}},{
						text:"购物车",
						attributes:{
						url:"基本组件/拖拽组件/购物车.jsp"
						}},{
						text:"学校课程表",
						attributes:{
						url:"基本组件/拖拽组件/学校课程表.jsp"
						}}]
					},{
					text:"可拽入容器组件",
					state : "closed",
					children:[{
						text:"基本可拽入容器",
						attributes:{
						url:"基本组件/可拽入容器组件/基本可拽入容器.jsp"
						}},{
						text:"改变托动物顺序",
						attributes:{
						url:"基本组件/可拽入容器组件/改变托动物顺序.jsp"
						}},{
						text:"接受一个拖拽物",
						attributes:{
						url:"基本组件/可拽入容器组件/接受一个拖拽物.jsp"
						}}]
					},{
					text:"可缩放容器组件",
					state : "closed",
					children:[{
						text:"基本可缩放组件",
						attributes:{
						url:"基本组件/可缩放容器组件/基本可缩放组件.jsp"
						}}]
					},{
					text:"分页组件",
					state : "closed",
					children:[{
						text:"基本分页组件",
						attributes:{
						url:"基本组件/分页组件/基本分页组件.jsp"
						}},{
						text:"定制分页组件按钮",
						attributes:{
						url:"基本组件/分页组件/定制分页组件按钮.jsp"
						}},{
						text:"简化分页组件",
						attributes:{
						url:"基本组件/分页组件/简化分页组件.jsp"
						}}]
					},{
					text:"搜索框组件",
					state : "closed",
					children:[{
						text:"基本搜索框组件",
						attributes:{
						url:"基本组件/搜索框组件/基本搜索框组件.jsp"
						}},{
						text:"分类搜索",
						attributes:{
						url:"基本组件/搜索框组件/分类搜索.jsp"
						}}]
					},{
					text:"进度条组件",
					state : "closed",
					children:[{
						text:"基本进度条组件",
						attributes:{
						url:"基本组件/进度条组件/基本进度条组件.jsp"
						}}]
					},{
					text:"提示信息组件",
					state : "closed",
					children:[{
						text:"公共代码",
						attributes:{
						url:"基本组件/提示信息组件/公共代码.jsp"
						}},{
						text:"基本提示信息组件",
						attributes:{
						url:"基本组件/提示信息组件/基本提示信息组件.jsp"
						}},{
						text:"提示信息位置",
						attributes:{
						url:"基本组件/提示信息组件/提示信息位置.jsp"
						}},{
						text:"定制提示信息内容",
						attributes:{
						url:"基本组件/提示信息组件/定制提示信息内容.jsp"
						}},{
						text:"定制提示信息风格",
						attributes:{
						url:"基本组件/提示信息组件/定制提示信息风格.jsp"
						}},{
						text:"提示信息组件作为工具条",
						attributes:{
						url:"基本组件/提示信息组件/提示信息组件作为工具条.jsp"
						}},{
						text:"Ajax提示信息",
						attributes:{
						url:"基本组件/提示信息组件/Ajax提示信息.jsp"
						}},{
						text:"提示信息对话框",
						attributes:{
						url:"基本组件/提示信息组件/提示信息对话框.jsp"
						}}]
					}]
			},{
				text:"菜单和按钮组件",
				state : "closed",
				children:[{
					text:"菜单组件",
					state : "closed",
					children:[{
						text:"基本菜单组件",
						attributes:{
						url:"菜单和按钮组件/菜单组件/基本菜单组件.jsp"
						}},{
						text:"定制菜单项",
						attributes:{
						url:"菜单和按钮组件/菜单组件/定制菜单项.jsp"
						}},{
						text:"菜单事件",
						attributes:{
						url:"菜单和按钮组件/菜单组件/菜单事件.jsp"
						}}]
					},{
					text:"链接按钮组件",
					state : "closed",
					children:[{
						text:"基本链接按钮",
						attributes:{
						url:"菜单和按钮组件/链接按钮组件/基本链接按钮.jsp"
						}},{
						text:"普通链接按钮",
						attributes:{
						url:"菜单和按钮组件/链接按钮组件/普通链接按钮.jsp"
						}},{
						text:"按钮图标对齐方式",
						attributes:{
						url:"菜单和按钮组件/链接按钮组件/按钮图标对齐方式.jsp"
						}},{
						text:"开关按钮",
						attributes:{
						url:"菜单和按钮组件/链接按钮组件/开关按钮.jsp"
						}},{
						text:"按钮组",
						attributes:{
						url:"菜单和按钮组件/链接按钮组件/按钮组.jsp"
						}}]
					},{
					text:"菜单按钮组件",
					state : "closed",
					children:[{
						text:"基本菜单按钮",
						attributes:{
						url:"菜单和按钮组件/菜单按钮组件/基本菜单按钮.jsp"
						}},{
						text:"菜单按钮相关操作",
						attributes:{
						url:"菜单和按钮组件/菜单按钮组件/菜单按钮相关操作.jsp"
						}}]
					},{
					text:"分隔按钮组件",
					state : "closed",
					children:[{
						text:"基本分隔按钮",
						attributes:{
						url:"菜单和按钮组件/分隔按钮组件/基本分隔按钮.jsp"
						}},{
						text:"分隔按钮的相关操作",
						attributes:{
						url:"菜单和按钮组件/分隔按钮组件/分隔按钮的相关操作.jsp"
						}}]
					}]
			},{
				text:"数据表格和树形菜单",
				state : "closed",
				children:[{
					text:"数据表格组件",
					state : "closed",
					children:[{
						text:"公共代码",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/公共代码.jsp"
						}},{
						text:"基本数据表格0",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/基本数据表格0.jsp"
						}},{
						text:"基本数据表格",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/基本数据表格.jsp"
						}},{
						text:"Table转换数据表格",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/Table转换数据表格.jsp"
						}},{
						text:"数据表格行边框",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格行边框.jsp"
						}},{
						text:"数据表格选择模型",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格选择模型.jsp"
						}},{
						text:"数据表格复选框选择模型",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格复选框选择模型.jsp"
						}},{
						text:"数据表格工具条",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格工具条.jsp"
						}},{
						text:"数据表格复杂工具条",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格复杂工具条.jsp"
						}},{
						text:"定制数据表格分页",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/定制数据表格分页.jsp"
						}},{
						text:"数据表格客户端分页",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格客户端分页.jsp"
						}},{
						text:"列组合",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/列组合.jsp"
						}},{
						text:"数据表格列对齐",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格列对齐.jsp"
						}},{
						text:"数据表格冻结列",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格冻结列.jsp"
						}},{
						text:"格式化数据表格列",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/格式化数据表格列.jsp"
						}},{
						text:"数据表格冻结行",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格冻结行.jsp"
						}},{
						text:"数据表格行编辑",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格行编辑.jsp"
						}},{
						text:"数据表格行样式",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格行样式.jsp"
						}},{
						text:"数据表格单元格样式",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格单元格样式.jsp"
						}},{
						text:"数据表格页脚行",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格页脚行.jsp"
						}},{
						text:"数据表格右键菜单",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格右键菜单.jsp"
						}},{
						text:"数据表格合并单元格",
						attributes:{
						url:"数据表格和树形菜单/数据表格组件/数据表格合并单元格.jsp"
						}}]
					},{
					text:"属性表格组件",
					state : "closed",
					children:[{
						text:"公共代码",
						attributes:{
						url:"数据表格和树形菜单/属性表格组件/公共代码.jsp"
						}},{
						text:"基本属性表格",
						attributes:{
						url:"数据表格和树形菜单/属性表格组件/基本属性表格.jsp"
						}},{
						text:"属性表格定制列",
						attributes:{
						url:"数据表格和树形菜单/属性表格组件/属性表格定制列.jsp"
						}},{
						text:"分组格式化",
						attributes:{
						url:"数据表格和树形菜单/属性表格组件/分组格式化.jsp"
						}}]
					},{
					text:"树形菜单组件",
					state : "closed",
					children:[{
						text:"公共代码",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/公共代码.jsp"
						}},{
						text:"基本树组件",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/基本树组件.jsp"
						}},{
						text:"动画效果树",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/动画效果树.jsp"
						}},{
						text:"复选框树",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/复选框树.jsp"
						}},{
						text:"树结构线",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/树结构线.jsp"
						}},{
						text:"树节点图标",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/树节点图标.jsp"
						}},{
						text:"树相关操作",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/树相关操作.jsp"
						}},{
						text:"树右键菜单",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/树右键菜单.jsp"
						}},{
						text:"拖放树节点",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/拖放树节点.jsp"
						}},{
						text:"可编辑树",
						attributes:{
						url:"数据表格和树形菜单/树形菜单组件/可编辑树.jsp"
						}}]
					},{
					text:"树形表格组件",
					state : "closed",
					children:[{
						text:"公共代码",
						attributes:{
						url:"数据表格和树形菜单/树形表格组件/公共代码.jsp"
						}},{
						text:"基本树形表格",
						attributes:{
						url:"数据表格和树形菜单/树形表格组件/基本树形表格.jsp"
						}},{
						text:"树形表格相关操作",
						attributes:{
						url:"数据表格和树形菜单/树形表格组件/树形表格相关操作.jsp"
						}},{
						text:"树形表格右键菜单",
						attributes:{
						url:"数据表格和树形菜单/树形表格组件/树形表格右键菜单.jsp"
						}},{
						text:"可编辑树形表格",
						attributes:{
						url:"数据表格和树形菜单/树形表格组件/可编辑树形表格.jsp"
						}},{
						text:"树形表格底部行",
						attributes:{
						url:"数据表格和树形菜单/树形表格组件/树形表格底部行.jsp"
						}},{
						text:"树形表格报表",
						attributes:{
						url:"数据表格和树形菜单/树形表格组件/树形表格报表.jsp"
						}},{
						text:"树形表格客户端分页",
						attributes:{
						url:"数据表格和树形菜单/树形表格组件/树形表格客户端分页.jsp"
						}}]
					}]
			},{
				text:"布局组件",
				state : "closed",
				children:[{
					text:"面板组件",
					state : "closed",
					children:[{
						text:"基本面板组件",
						attributes:{
						url:"布局组件/面板组件/基本面板组件.jsp"
						}},{
						text:"面板工具",
						attributes:{
						url:"布局组件/面板组件/面板工具.jsp"
						}},{
						text:"定制工具",
						attributes:{
						url:"布局组件/面板组件/定制工具.jsp"
						}},{
						text:"加载内容",
						attributes:{
						url:"布局组件/面板组件/加载内容.jsp"
						}},{
						text:"嵌套面板",
						attributes:{
						url:"布局组件/面板组件/嵌套面板.jsp"
						}}]
					},{
					text:"选项卡组件",
					state : "closed",
					children:[{
						text:"公共代码",
						attributes:{
						url:"布局组件/选项卡组件/公共代码.jsp"
						}},{
						text:"基本选项卡组件",
						attributes:{
						url:"布局组件/选项卡组件/基本选项卡组件.jsp"
						}},{
						text:"选项卡自适应高度",
						attributes:{
						url:"布局组件/选项卡组件/选项卡自适应高度.jsp"
						}},{
						text:"选项卡自动切换",
						attributes:{
						url:"布局组件/选项卡组件/选项卡自动切换.jsp"
						}},{
						text:"选项卡嵌套",
						attributes:{
						url:"布局组件/选项卡组件/选项卡嵌套.jsp"
						}},{
						text:"选项卡片工具",
						attributes:{
						url:"布局组件/选项卡组件/选项卡片工具.jsp"
						}},{
						text:"选项卡工具",
						attributes:{
						url:"布局组件/选项卡组件/选项卡工具.jsp"
						}},{
						text:"选项卡位置",
						attributes:{
						url:"布局组件/选项卡组件/选项卡位置.jsp"
						}}]
					},{
					text:"可折叠面板组件",
					state : "closed",
					children:[{
						text:"基本可折叠面板",
						attributes:{
						url:"布局组件/可折叠面板组件/基本可折叠面板.jsp"
						}},{
						text:"可折叠面板工具",
						attributes:{
						url:"布局组件/可折叠面板组件/可折叠面板工具.jsp"
						}},{
						text:"通过AJAX加载内容",
						attributes:{
						url:"布局组件/可折叠面板组件/通过AJAX加载内容.jsp"
						}},{
						text:"可折叠面板相关操作",
						attributes:{
						url:"布局组件/可折叠面板组件/可折叠面板相关操作.jsp"
						}}]
					},{
					text:"布局组件",
					state : "closed",
					children:[{
						text:"基本布局组件",
						attributes:{
						url:"布局组件/布局组件/基本布局组件.jsp"
						}},{
						text:"全屏",
						attributes:{
						url:"布局组件/布局组件/全屏.jsp"
						}},{
						text:"嵌套布局",
						attributes:{
						url:"布局组件/布局组件/嵌套布局.jsp"
						}},{
						text:"布局中无折叠按钮",
						attributes:{
						url:"布局组件/布局组件/布局中无折叠按钮.jsp"
						}},{
						text:"添加和删除布局组件",
						attributes:{
						url:"布局组件/布局组件/添加和删除布局组件.jsp"
						}},{
						text:"复杂布局",
						attributes:{
						url:"布局组件/布局组件/复杂布局.jsp"
						}}]
					}]
			},{
				text:"窗体组件",
				state : "closed",
				children:[{
					text:"窗体组件",
					state : "closed",
					children:[{
						text:"基本窗体组件",
						attributes:{
						url:"窗体组件/窗体组件/基本窗体组件.jsp"
						}},{
						text:"定制窗体工具",
						attributes:{
						url:"窗体组件/窗体组件/定制窗体工具.jsp"
						}},{
						text:"内部窗体",
						attributes:{
						url:"窗体组件/窗体组件/内部窗体.jsp"
						}},{
						text:"模态窗口",
						attributes:{
						url:"窗体组件/窗体组件/模态窗口.jsp"
						}},{
						text:"窗体布局",
						attributes:{
						url:"窗体组件/窗体组件/窗体布局.jsp"
						}
					}]
					},{
					text:"对话窗体组件",
					state : "closed",
					children:[{
						text:"基本对话窗体组件",
						attributes:{
						url:"窗体组件/对话窗体组件/基本对话窗体组件.jsp"
						}},{
						text:"工具栏和按钮",
						attributes:{
						url:"窗体组件/对话窗体组件/工具栏和按钮.jsp"
						}},{
						text:"对话窗体上的复杂工具栏",
						attributes:{
						url:"窗体组件/对话窗体组件/对话窗体上的复杂工具栏.jsp"
						}
					}]
					},{
						text:"消息框组件",
						state : "closed",
						children:[{
							text:"基本消息组件",
							attributes:{
							url:"窗体组件/消息框组件/基本消息组件.jsp"
							}},{
							text:"提醒消息组件",
							attributes:{
							url:"窗体组件/消息框组件/提醒消息组件.jsp"
							}},{
							text:"交互式消息组件",
							attributes:{
							url:"窗体组件/消息框组件/交互式消息组件.jsp"
							}},{
							text:"消息框位置",
							attributes:{
							url:"窗体组件/消息框组件/消息框位置.jsp"
							}
						}]
					}]
			},{
				text:"表单组件",
				state : "closed",
				children:[{
					text:"日期框组件",
					state : "closed",
					children:[{
						text:"基本日期框组件",
						attributes:{
						url:"表单组件/日期框组件/基本日期框组件.jsp"
						}},{
						text:"日期格式化",
						attributes:{
						url:"表单组件/日期框组件/日期格式化.jsp"
						}},{
						text:"日期框验证",
						attributes:{
						url:"表单组件/日期框组件/日期框验证.jsp"
						}},{
						text:"日期框事件",
						attributes:{
						url:"表单组件/日期框组件/日期框事件.jsp"
						}
					}]
				},{
					text:"日期时间框组件",
					state : "closed",
					children:[{
						text:"基本日期时间框组件",
						attributes:{
						url:"表单组件/日期时间框组件/基本日期时间框组件.jsp"
						}},{
						text:"为日期时间组件初始化值",
						attributes:{
						url:"表单组件/日期时间框组件/为日期时间组件初始化值.jsp"
						}},{
						text:"显示秒",
						attributes:{
						url:"表单组件/日期时间框组件/显示秒.jsp"
						}
					}]
				},{
					text:"时间微调器组件",
					state : "closed",
					children:[{
						text:"基本时间微调器组件",
						attributes:{
						url:"表单组件/时间微调器组件/基本时间微调器组件.jsp"
						}},{
						text:"时间范围",
						attributes:{
						url:"表单组件/时间微调器组件/时间范围.jsp"
						}},{
						text:"时间微调器相关操作",
						attributes:{
						url:"表单组件/时间微调器组件/时间微调器相关操作.jsp"
						}
					}]
				},{
					text:"日历组件",
					state : "closed",
					children:[{
						text:"基本日历组件",
						attributes:{
						url:"表单组件/日历组件/基本日历组件.jsp"
						}},{
						text:"一周的第一天",
						attributes:{
						url:"表单组件/日历组件/一周的第一天.jsp"
						}
					}]
				},{
					text:"数字框组件",
					state : "closed",
					children:[{
						text:"基本数字框组件",
						attributes:{
						url:"表单组件/数字框组件/基本数字框组件.jsp"
						}},{
						text:"数字范围",
						attributes:{
						url:"表单组件/数字框组件/数字范围.jsp"
						}},{
						text:"格式化数字",
						attributes:{
						url:"表单组件/数字框组件/格式化数字.jsp"
						}
					}]
				},{
					text:"数字框微调器组件",
					state : "closed",
					children:[{
						text:"基本数字微调器组件",
						attributes:{
						url:"表单组件/数字框微调器组件/基本数字微调器组件.jsp"
						}},{
						text:"增量数",
						attributes:{
						url:"表单组件/数字框微调器组件/增量数.jsp"
						}},{
						text:"数字范围",
						attributes:{
						url:"表单组件/数字框微调器组件/数字范围.jsp"
						}
					}]
				},{
					text:"验证框组件",
					state : "closed",
					children:[{
						text:"基本验证框组件",
						attributes:{
						url:"表单组件/验证框组件/基本验证框组件.jsp"
						}},{
						text:"定制验证框提示",
						attributes:{
						url:"表单组件/验证框组件/定制验证框提示.jsp"
						}
					}]
				},{
					text:"滑动器组件",
					state : "closed",
					children:[{
						text:"基本滑动器组件",
						attributes:{
						url:"表单组件/滑动器组件/基本滑动器组件.jsp"
						}},{
						text:"滑动器标尺",
						attributes:{
						url:"表单组件/滑动器组件/滑动器标尺.jsp"
						}},{
						text:"格式化提示信息",
						attributes:{
						url:"表单组件/滑动器组件/格式化提示信息.jsp"
						}},{
						text:"垂直滑动器",
						attributes:{
						url:"表单组件/滑动器组件/垂直滑动器.jsp"
						}
					}]
				},{
					text:"下拉组件",
					state : "closed",
					children:[{
						text:"基本下拉组件",
						attributes:{
						url:"表单组件/下拉组件/基本下拉组件.jsp"
						}
					}]
				},{
					text:"下拉框组件",
					state : "closed",
					children:[{
						text:"公共代码",
						attributes:{
						url:"表单组件/下拉框组件/公共代码.jsp"
						}},{
						text:"基本下拉框组件",
						attributes:{
						url:"表单组件/下拉框组件/基本下拉框组件.jsp"
						}},{
						text:"动态加载下拉框数据",
						attributes:{
						url:"表单组件/下拉框组件/动态加载下拉框数据.jsp"
						}},{
						text:"下拉框多选",
						attributes:{
						url:"表单组件/下拉框组件/下拉框多选.jsp"
						}},{
						text:"导航下拉框",
						attributes:{
						url:"表单组件/下拉框组件/导航下拉框.jsp"
						}},{
						text:"下拉框自定义格式",
						attributes:{
						url:"表单组件/下拉框组件/下拉框自定义格式.jsp"
						}},{
						text:"绑定远程数据",
						attributes:{
						url:"表单组件/下拉框组件/绑定远程数据.jsp"
						}},{
						text:"下拉框组件相关操作",
						attributes:{
						url:"表单组件/下拉框组件/下拉框组件相关操作.jsp"
						}
					}]
				},{
					text:"下拉表格组件",
					state : "closed",
					children:[{
						text:"公共代码",
						attributes:{
						url:"表单组件/下拉表格组件/公共代码.jsp"
						}},{
						text:"基本下拉表格组件",
						attributes:{
						url:"表单组件/下拉表格组件/基本下拉表格组件.jsp"
						}},{
						text:"为下拉表格赋初值",
						attributes:{
						url:"表单组件/下拉表格组件/为下拉表格赋初值.jsp"
						}},{
						text:"下拉表格多选",
						attributes:{
						url:"表单组件/下拉表格组件/下拉表格多选.jsp"
						}},{
						text:"导航下拉表格",
						attributes:{
						url:"表单组件/下拉表格组件/导航下拉表格.jsp"
						}},{
						text:"下拉表格组件相关操作",
						attributes:{
						url:"表单组件/下拉表格组件/下拉表格组件相关操作.jsp"
						}
					}]
				},{
					text:"下拉树组件",
					state : "closed",
					children:[{
						text:"公共代码",
						attributes:{
						url:"表单组件/下拉树组件/公共代码.jsp"
						}},{
						text:"基本下拉树组件",
						attributes:{
						url:"表单组件/下拉树组件/基本下拉树组件.jsp"
						}},{
						text:"为下拉树赋初值",
						attributes:{
						url:"表单组件/下拉树组件/为下拉树赋初值.jsp"
						}},{
						text:"下拉树多选",
						attributes:{
						url:"表单组件/下拉树组件/下拉树多选.jsp"
						}},{
						text:"下拉树组件相关操作",
						attributes:{
						url:"表单组件/下拉树组件/下拉树组件相关操作.jsp"
						}
					}]
				},{
					text:"表单组件",
					state : "closed",
					children:[{
						text:"基本表单组件",
						attributes:{
						url:"表单组件/表单组件/基本表单组件.jsp"
						}},{
						text:"加载表单数据",
						attributes:{
						url:"表单组件/表单组件/加载表单数据.jsp"
						}},{
						text:"AJAX表单提交",
						attributes:{
						url:"表单组件/表单组件/AJAX表单提交.jsp"
						}
					}]
				}]
			}]
		}];
		
		// 实例化树菜单
		$("#tree").tree({
			data:treeData,
			lines:true,
			onClick:function(node){
				if(node.attributes){
					openTab(node.text,node.attributes.url);
				}
			}
		});
		
		// 新增Tab
		function openTab(text,url){
			if($("#tabs").tabs('exists',text)){
				$("#tabs").tabs('select',text);
			}else{
				var content="<iframe frameborder='0' scrolling='auto' style='width:100%;height:100%' src="+url+"></iframe>";
				$("#tabs").tabs('add',{
					title:text,
					closable:true,
					content:content
				});
			}
		}
	});
</script>
</head>
<body class="easyui-layout">
	<div region="north" style="height: 82px;background-color:#E0ECFF">
		<div style="float:left"><a href='http://www.java1234.com' target=_blank><img src="images/logo.gif"/></a></div>
		<div style="float:right;padding:10px;">admin
		
		</div>
	</div>
	<div region="center">
		<div class="easyui-tabs" fit="true" border="false" id="tabs">
			<div title="首页" >
				<div align="center" style="padding-top: 100px;"><font color="red" size="8">欢迎使用EasyUi在线中文示例文档（Java后台版）</font></div>
				<div align="center"><font color="red" size="8">请使用IE9,谷歌，火狐，不支持IE低版本</font></div>
				<div align="center" ><font color="red" size="6">版权所有<a href="http://www.java1234.com" target=_blank>www.java1234.com</a>，侵权必究</font></div>
			</div>
		</div>
	</div>
	<div region="west" style="width: 200px;padding:15px;" title="导航菜单" split="true">
		<ul id="tree"></ul>
	</div>
	<div region="south" style="height: 30px;" align="center">
		版权所有<a href="http://www.java1234.com" target=_blank>www.java1234.com<p align='center'></p></a>
	</div>
</body>
</html>